﻿<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>仿QQ西游官网导航</title>
	<link href="images/style.css" rel="stylesheet" />
	<script src="images/jquery.js" type="text/javascript"></script>
	<script src="images/my.js" type="text/javascript"></script>
</head>
<body>
<div class="top">
	<div class="content">
		<ul id="nav">
			<li class="no_1">
				<a href="#">新闻中心</a>
				<ul>
					<li><a href="#">新闻</a></li>
					<li><a href="#">公告</a></li>
					<li><a href="#">活动</a></li>
					<li><a href="#">媒体</a></li>
					<li><a href="#">绿色版</a></li>
				</ul>
			</li>
			<li class="no_2">
				<a href="#">游戏资料</a>
				<ul>
					<li><a href="#">职业介绍</a></li>
					<li><a href="#">游戏特色</a></li>
					<li><a href="#">宠物专题</a></li>
					<li><a href="#">副本专题</a></li>
					<li><a href="#">天赋模拟器</a></li>
					<li><a href="#">帮派专题</a></li>
					<li><a href="#">法宝专题</a></li>
				</ul>
			</li>
			<li class="no_3">
				<a href="#">版本专题</a>
				<ul>
					<li><a href="#">2011暑期版</a></li>
					<li><a href="#">全民崛起</a></li>
					<li><a href="#">妖舞扬威</a></li>
					<li><a href="#">2012暑期版</a></li>
				</ul>
			</li>
			<li class="no_4">
				<a href="#">新手指南</a>
				<ul>
					<li><a href="#">新手专题</a></li>
					<li><a href="#">PK专题</a></li>
				</ul>
			</li>
			<li class="no_5">
				<a href="#">相关下载</a>
				<ul>
					<li><a href="#">客户端/补丁</a></li>
					<li><a href="#">壁纸截图</a></li>
					<li><a href="#">个性软件</a></li>
					<li><a href="#">资源包/音乐</a></li>
				</ul>
			</li>
			<li class="no_6"><a href="#">玩家互动</a></li>
		</ul>
		<ul id="links">
			<li>快速升级</li>
			<li>超萌幻觉</li>
			<li>副本指南</li>
			<li>帮派城战</li>
			<li>玩家攻略</li>
		</ul>
		<ul id="links_show">
			<li><img src="images/links1.png" class="a"/></li>
			<li><img src="images/links2_2.png" class="b_b"/><img src="images/links2_3.png" class="b_c" /><img src="images/links2_1.png" class="b_a"/></li>
			<li><img src="images/links3_2.png" class="c_b"/><img src="images/links3_3.png" class="c_c" /><img src="images/links3_4.png" class="c_d" /><img src="images/links3_5.png" class="c_e" /><img src="images/links2_1.png" class="c_a"/></li>
			<li><img src="images/links4.png" class="d"/></li>
			<li><img src="images/links5.png" class="e"/></li>
		</ul>
	</div>
</div>
<div class="content">
<p>本特效是剧中人魔方QQ西游官网的flash导航效果，大体形态已呈现雏形，细节部分尚待完善，图像合并优化方面未作处理。因为是用JS实现flash的效果，视觉体验多少会打些折扣。但其可靠性更强，不依赖flash插件，更新维护较为方便，重用性更高。</p>
<p><br/><strong>QQ西游官网：</strong><a href="http://qqxy.qq.com/main.shtml">http://qqxy.qq.com/main.shtml</a><br/><strong>剧中人的博客：</strong><a href="http://bh-lay.com">http://bh-lay.com</a></p>
</div>
</body>
</html>